<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
		<title></title>
<!--[if lt IE 9]><!-->
    		<script src="http://code.jquery.com/jquery-1.11.3.min.js "></script>
<!--<![endif]-->
<!--[if gte IE 9]><!-->
			<script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
<!--<![endif]-->
	<script>
	$(document).ready(function(){
    $("button").click(function(){
        alert($("div").scrollLeft()+" px");
    });
});
</script>
</head>
<body>
 
<div style="border:1px solid black;width:100px;height:130px;overflow:auto">
The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.
</div><br>
<button>返回水平滚动条的位置</button>
<p>向右移动滚动条,再次单击该按钮。</p>
 
</body>
</html>
